layui.use(['table','form','jquery','laypage'],function () {
    var form = layui.form,
        table = layui.table,
        page = layui.laypage,
        $ = layui.jquery;

    //管理员信息数据
    var superuser_data = table.render({
        elem: "#superuser",
        url: '/superuserController/list',
        cellMinWidth: 95,
        limit: 5,
        limits: [5, 10, 15, 20, 25],
        page: true,
        loading:true,
        response: {
            statusName: 'code'
            , statusCode: 200
            , msgName: 'msg'
            , countName: 'count'
            , dataName: 'data'
        },
        id: 'superuserList',
        cols: [[
            {type: "checkbox", fixed: "left", width: 50},
            {field: 'id', title: 'ID', width: 60, align: "center"},
            {field: 'superuserName', title: '登录名', align: 'center'},
            {field: 'realName', title: '姓名', align: 'center'},
            {field:'superuserPassword', title:'密码',templet:function (d) {
                    return "********"
                }},
            {field:'superuserPhone', title:'联系方式',align: 'center'},
            {field:'superuserEmail', title:'邮箱',align: 'center'},
            {title: '操作', width: 180, templet: '#superuserToolBar', fixed: "right", align: "center"}
        ]]
    });


    //普通用户信息数据
    var user_data = table.render({
        elem: "#consumer",
        url: '/consumerController/list',
        cellMinWidth: 95,
        limit: 5,
        limits: [5, 10, 15, 20, 25],
        page: true,
        loading:true,
        response: {
            statusName: 'code'
            , statusCode: 200
            , msgName: 'msg'
            , countName: 'count'
            , dataName: 'data'
        },
        id: 'userList',
        cols: [[
            {type: "checkbox", fixed: "left", width: 50},
            {field: 'id', title: 'ID', width: 60, align: "center"},
            {field: 'username', title: '登录名', align: 'center'},
            {field: 'realName', title: '姓名', align: 'center'},
            {field:'password', title:'密码',templet:function (d) {
                    return '********';
                }},
            {field: 'userEmail', title: '邮箱', align: 'center'},
            {title: '操作', width: 180, templet: '#consumerToolBar', fixed: "right", align: "center"}
        ]]
    });

    //维修员信息数据
    var repair_data = table.render({
        elem: "#repair",
        url: '/servicemanController/list',
        cellMinWidth: 95,
        limit: 5,
        limits: [5, 10, 15, 20, 25],
        page: true,
        loading:true,
        response: {
            statusName: 'code'
            , statusCode: 200
            , msgName: 'msg'
            , countName: 'count'
            , dataName: 'data'
        },
        id: 'repairList',
        cols: [[
            {type: "checkbox", fixed: "left", width: 50},
            {field: 'id',title: 'ID', width: 60, align: "center"},
            {field: 'serviceName', title: '登录名', align: 'center'},
            {field: 'realName', title: '姓名', align: 'center'},
            {field:'servicePassword',title:'密码',templet:function (d) {
                return '********';
            }},
            {field:'telephone', title:'联系方式'},
            {field:'serviceEmail', title:'邮箱'},
            {title: '操作', width: 180, templet: '#repairToolBar', fixed: "right", align: "center"}
        ]]
    });

    /**
     * 弹出添加窗口 添加用户
     */
    $('.addConsumer_btn').click(function () {
        var index = layer.open({
            title:"添加用户",
            type:2,
            area:['50%','80%'],
            id: (new Date()).valueOf(), //设定一个id，防止重复弹出
            content:'../user/add_user.html',
            success: function (layero, index) {//参数绑定
                setTimeout(function(){
                    layui.layer.tips('点击此处返回', '.layui-layer-setwin .layui-layer-close', {
                        tips: 3
                    });
                },500)
            }
        })
        //窗口大小改变时，重置宽高
        /*$(window).on("resize",function(){
            layer.area = ['30%','60%']
        })*/
    });




    /**
     * 弹出添加窗口  添加维修员
     */
    $('.addRepair_btn').click(function () {
        var index = layer.open({
            title:"添加维修员",
            type:2,
            area:['50%','80%'],
            id: (new Date()).valueOf(), //设定一个id，防止重复弹出
            content:'../serviceman/add_serviceman.html',
            success: function (layero, index) {//参数绑定
                setTimeout(function(){
                    layui.layer.tips('点击此处返回', '.layui-layer-setwin .layui-layer-close', {
                        tips: 3
                    });
                },500)
            }
        })
        //窗口大小改变时，重置宽高
        /*$(window).on("resize",function(){
            layer.area = ['30%','60%']
        })*/
    });

    /**
     * 弹出添加窗口  添加管理员
     */
    $('.addAdmin_btn').click(function () {
        var index = layer.open({
            title:"添加管理员",
            type:2,
            area:['50%','80%'],
            content:'../admin/add_admin.html',
            id: (new Date()).valueOf(), //设定一个id，防止重复弹出
            success: function (layero, index) {//参数绑定
                setTimeout(function(){
                    layui.layer.tips('点击此处返回', '.layui-layer-setwin .layui-layer-close', {
                        tips: 3
                    });
                },500)
            }
        })
        //窗口大小改变时，重置宽高
        /*$(window).on("resize",function(){
            layer.area = ['30%','60%']
        })*/
    });

    /**
     * 监听表格工具按钮事件 管理员列表
     */
    table.on('tool(superuser)',function(obj){
        var data = obj.data;
        var layEvent = obj.event;
        console.log(data.id);
        if (layEvent === 'delete'){//监听修改
            var index = layer.confirm('确定要删除该管理员？', {icon: 3, title: '提示信息'}, function (index) {
                $.ajax({
                    url: '/superuserController/delete?superuserId=' + data.id,
                    type: 'DELETE',
                    success: function (res) {
                        if (res.code === 200) {
                            superuser_data.reload();
                            layer.msg("删除成功!");
                        } else {
                            layer.msg("删除失败!");
                        }
                    }
                });
            });
        }else if (layEvent === 'edit'){
            var index = layui.layer.open({
                title: "编辑管理员",
                type: 2,
                content: "../admin/edit_admin.html",//弹出层页面
                area: ['50%', '80%'],
                success: function (layero, index) {
                    var body = layui.layer.getChildFrame('body', index);
                    if (data) {
                        // 取到弹出层里的元素，并把编辑的内容放进去
                        body.find(".id").val(data.id);  //将选中的数据的id传到编辑页面的隐藏域，便于根据ID修改数据
                        body.find(".superuserName").val(data.superuserName);  //登录名
                        body.find(".realName").val(data.realName);  //姓名
                        body.find(".superuserPassword").val(data.superuserPassword);  //密码
                        body.find(".superuserType input[value="+data.superuserType+"]").prop("checked","checked");  //级别，单选按钮
                        body.find(".superuserPhone").val(data.superuserPhone);  //手机号
                        body.find(".superuserEmail").val(data.superuserEmail);    //邮箱
                        // 记得重新渲染表单
                        form.render('');
                    }
                    setTimeout(function(){
                        layui.layer.tips('点击此处返回', '.layui-layer-setwin .layui-layer-close', {
                            tips: 3
                        });
                    },500)
                }
            })
            //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
            $(window).on("resize",function(){
                layui.layer.full(window.sessionStorage.getItem("index"));
            })
        }else if (layEvent === 'detail'){
            var index = layui.layer.open({
                title: "查看管理员",
                type: 2,
                content: "../admin/detail_admin.html",//弹出层页面
                area: ['50%', '80%'],
                success: function (layero, index) {
                    var body = layui.layer.getChildFrame('body', index);
                    if (data) {
                        // 取到弹出层里的元素，并把编辑的内容放进去
                        body.find(".id").val(data.id);  //将选中的数据的id传到编辑页面的隐藏域，便于根据ID修改数据
                        body.find(".superuserName").val(data.superuserName);  //登录名
                        body.find(".realName").val(data.realName);  //姓名
                        body.find(".superuserPassword").val(data.superuserPassword);  //密码
                        body.find(".superuserType input[value="+data.superuserType+"]").prop("checked","checked");  //级别，单选按钮
                        body.find(".superuserPhone").val(data.superuserPhone);  //手机号
                        body.find(".superuserEmail").val(data.superuserEmail);    //邮箱
                        // 记得重新渲染表单
                        form.render();
                    }
                    setTimeout(function(){
                        layui.layer.tips('点击此处返回', '.layui-layer-setwin .layui-layer-close', {
                            tips: 3
                        });
                    },500)
                }
            })
            //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
            $(window).on("resize",function(){
                layui.layer.full(window.sessionStorage.getItem("index"));
            })
        }
    });


    /**
     * 监听表格工具按钮事件 维修人员列表
     */
    table.on('tool(repair)',function(obj){
        var data = obj.data;
        var layEvent = obj.event;
        console.log(data.id);
        if (layEvent === 'delete'){//监听修改
            var index = layer.confirm('确定要删除该维修员？', {icon: 3, title: '提示信息'}, function (index) {
                $.ajax({
                    url: '/servicemanController/delete?servicemanId=' + data.id,
                    type: 'GET',
                    success: function (res) {
                        if (res.code === 200) {
                            repair_data.reload();
                            layer.msg("删除成功!");
                        } else {
                            layer.msg("删除失败!");
                        }
                    }
                });
            });
        }else if (layEvent === 'edit'){
            var index = layui.layer.open({
                title: "编辑维修员",
                type: 2,
                content: "../serviceman/edit_serviceman.html",//弹出层页面
                area: ['50%', '80%'],
                success: function (layero, index) {
                    var body = layui.layer.getChildFrame('body', index);
                    if (data) {
                        // 取到弹出层里的元素，并把编辑的内容放进去
                        body.find(".id").val(data.id);  //将选中的数据的id传到编辑页面的隐藏域，便于根据ID修改数据
                        body.find(".serviceName").val(data.serviceName);  //登录名
                        body.find(".realName").val(data.realName);//真实姓名
                        body.find(".servicePassword").val(data.servicePassword);  //密码
                        body.find(".serviceType input[value="+data.serviceType+"]").prop("checked","checked");  //级别，单选按钮
                        body.find(".telephone").val(data.telephone);  //手机号
                        body.find(".serviceEmail").val(data.serviceEmail);    //邮箱
                        // 记得重新渲染表单
                        form.render();
                    }
                    setTimeout(function(){
                        layui.layer.tips('点击此处返回', '.layui-layer-setwin .layui-layer-close', {
                            tips: 3
                        });
                    },500)
                }
            })
            //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
            $(window).on("resize",function(){
                layui.layer.full(window.sessionStorage.getItem("index"));
            })
        }else if (layEvent === 'detail'){
            var index = layui.layer.open({
                title: "查看维修员",
                type: 2,
                content: "../serviceman/detail_serviceman.html",//弹出层页面
                area: ['50%', '80%'],
                success: function (layero, index) {
                    var body = layui.layer.getChildFrame('body', index);
                    if (data) {
                        // 取到弹出层里的元素，并把编辑的内容放进去
                        body.find(".id").val(data.id);  //将选中的数据的id传到编辑页面的隐藏域，便于根据ID修改数据
                        body.find(".serviceName").val(data.serviceName);  //登录名
                        body.find(".realName").val(data.realName);//真实姓名
                        body.find(".servicePassword").val(data.servicePassword);  //密码
                        body.find(".serviceType input[value="+data.serviceType+"]").prop("checked","checked");  //级别，单选按钮
                        body.find(".telephone").val(data.telephone);  //手机号
                        body.find(".serviceEmail").val(data.serviceEmail);    //邮箱
                        // 记得重新渲染表单
                        form.render();
                    }
                    setTimeout(function(){
                        layui.layer.tips('点击此处返回', '.layui-layer-setwin .layui-layer-close', {
                            tips: 3
                        });
                    },500)
                }
            })
            //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
            $(window).on("resize",function(){
                layui.layer.full(window.sessionStorage.getItem("index"));
            })
        }
    });



    /**
     * 监听表格工具按钮事件 普通用户列表
     */
    table.on('tool(consumer)',function(obj){
        var data = obj.data;
        var layEvent = obj.event;
        console.log(data.id);
        if (layEvent === 'delete'){//监听修改
            layer.confirm('确定要删除该用户？', {icon: 3, title: '提示信息'}, function (index) {
                $.ajax({
                    url: '/consumerController/delete?consumerId=' + data.id,
                    type: 'GET',
                    success: function (res) {
                        if (res.code === 200) {
                            user_data.reload();
                            layer.msg("删除成功!");
                        } else {
                            layer.msg("删除失败!");
                        }
                    }
                });
            });
        }else if (layEvent === 'edit'){
            layui.layer.open({
                title: "编辑用户",
                type: 2,
                content: "../user/edit_user.html",//弹出层页面
                area: ['50%', '80%'],
                success: function (layero, index) {
                    var body = layui.layer.getChildFrame('body', index);
                    if (data) {
                        // 取到弹出层里的元素，并把编辑的内容放进去
                        body.find(".id").val(data.id);  //将选中的数据的id传到编辑页面的隐藏域，便于根据ID修改数据
                        body.find(".username").val(data.username);  //登录名
                        body.find(".realName").val(data.realName);//真实姓名
                        body.find(".password").val(data.password);  //密码
                        body.find(".consumerEmail").val(data.consumerEmail); //邮箱
                        // 记得重新渲染表单
                        form.render();
                    }
                    setTimeout(function(){
                        layui.layer.tips('点击此处返回', '.layui-layer-setwin .layui-layer-close', {
                            tips: 3
                        });
                    },500)
                }
            })
            //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
            $(window).on("resize",function(){
                layui.layer.full(window.sessionStorage.getItem("index"));
            })
        }else if (layEvent === 'detail'){
            layui.layer.open({
                title: "查看用户",
                type: 2,
                content: "../user/detail_user.html",//弹出层页面
                area: ['50%', '80%'],
                success: function (layero, index) {
                    var body = layui.layer.getChildFrame('body', index);
                    if (data) {
                        // 取到弹出层里的元素，并把编辑的内容放进去
                        body.find(".id").val(data.id);  //将选中的数据的id传到编辑页面的隐藏域，便于根据ID修改数据
                        body.find(".username").val(data.username);  //登录名
                        body.find(".realName").val(data.realName);//真实姓名
                        body.find(".password").val(data.password);  //密码
                        body.find(".consumerEmail").val(data.consumerEmail);    //邮箱
                        // 记得重新渲染表单
                        form.render();
                    }
                    setTimeout(function(){
                        layui.layer.tips('点击此处返回', '.layui-layer-setwin .layui-layer-close', {
                            tips: 3
                        });
                    },500)
                }
            })
            //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
            $(window).on("resize",function(){
                layui.layer.full(window.sessionStorage.getItem("index"));
            })
        }
    });


});
